<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>H09 | Flexbox布局练习</title>
    <link type="text/css" rel="stylesheet" href="style/task_10.css">
</head>

<body>
    <div class="flex">
        <div class="flex_item1">1</div>
        <div class="flex_item2">2</div>
        <div class="flex_item3">3</div>
        <div class="flex_item4">4</div>
    </div>
</body>

</html>